1 files changed, 66 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/compliance/[templateId]/page.tsx b/app/[lng]/evcp/(evcp)/compliance/[templateId]/page.tsx
new file mode 100644
index 00000000..5dd74305
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/compliance/[templateId]/page.tsx
@@ -0,0 +1,66 @@
+import * as React from "react"
+import { notFound } from "next/navigation"
+import { Shell } from "@/components/shell"
+import { InformationButton } from "@/components/information/information-button"
+import { ComplianceTemplateDetail } from "@/lib/compliance/compliance-template-detail"
+import { ComplianceResponseStats } from "@/lib/compliance/responses/compliance-response-stats"
+import { 
+  getComplianceSurveyTemplate,
+  getComplianceQuestions,
+  getComplianceResponses,
+  getComplianceResponseStats
+} from "@/lib/compliance/services"
+
+interface TemplateDetailPageProps {
+  params: {
+    lng: string;
+    templateId: string;
+  };
+}
+
+export default async function TemplateDetailPage({ params }: TemplateDetailPageProps) {
+  const resolvedParams = await params;
+  const { templateId } = resolvedParams;
+  
+  const templateIdAsNumber = Number(templateId);
+
+    // 서버에서 데이터 미리 가져오기
+  const [template, questions, responses, stats] = await Promise.all([
+    getComplianceSurveyTemplate(templateIdAsNumber),
+    getComplianceQuestions(templateIdAsNumber),
+    getComplianceResponses(templateIdAsNumber),
+    getComplianceResponseStats(templateIdAsNumber)
+  ]);
+
+  if (!template) {
+    notFound();
+  }
+
+  return (
+    <Shell className="gap-2">
+      <div className="flex items-center justify-between space-y-2">
+        <div className="flex items-center justify-between space-y-2">
+          <div>
+            <div className="flex items-center gap-2">
+              <h2 className="text-2xl font-bold tracking-tight">
+                템플릿 상세
+              </h2>
+              <InformationButton pagePath="evcp/compliance" />
+            </div>
+            <p className="text-muted-foreground">
+              설문조사 템플릿의 질문들과 옵션을 확인할 수 있습니다.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <ComplianceTemplateDetail 
+        templateId={templateIdAsNumber} 
+        template={template}
+        questions={questions}
+        responses={responses}
+        stats={stats}
+      />
+    </Shell>
+  )
+}